@import "reset.css";
@font-face {
				font-family: 'UniversLT-Condensed';
				src: url('../font/universlt57condensed.eot');
				src: url('../font/universlt57condensed.eot?#iefix') format('embedded-opentype'),
						 url('../font/universlt57condensed.woff') format('woff'),
						 url('../font/universlt57condensed.ttf') format('truetype'),
						 url('../font/universlt57condensed.svg#universlt57condensed') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
				font-family: 'Airship27';
				src: url('../font/airship27regular.eot');
				src: url('../font/airship27regular.eot?#iefix') format('embedded-opentype'),
						 url('../font/airship27regular.woff') format('woff'),
						 url('../font/airship27regular.ttf') format('truetype'),
						 url('../font/airship27regular.svg#airship27regular') format('svg');
				font-weight: normal;
				font-style: normal;
		}

body{
background: -moz-linear-gradient(top, #dbecfe 0%, #e5f3fe 50%, #f1f7ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbecfe), color-stop(50%,#e5f3fe), color-stop(100%,#f1f7ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dbecfe 0%,#e5f3fe 50%,#f1f7ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dbecfe 0%,#e5f3fe 50%,#f1f7ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbecfe 0%,#e5f3fe 50%,#f1f7ff 100%); /* IE10+ */
background: linear-gradient(to bottom, #dbecfe 0%,#e5f3fe 50%,#f1f7ff 100%); /* W3C */
width:100%;
height: 15500px;
}
	
#mainwrap{
	background: url(../image/bg-main9.jpg) top center no-repeat;
	width: 100%;
	position:relative;
	height: 15500px;
	}	

#bunker{
	background: url(../image/bunker.png) bottom right no-repeat;
	position: absolute;
	left: 50%;
	margin-left: 433px;
	top: 385px;
	width: 161px;
	height: 293px;
	z-index: 2;
}

#backtoac {
	width: 94%;
	max-width:1360px;
	height: 20px;
	margin: 0 auto;
	border-bottom: 1px solid #B7B7B7;
	padding-top: 10px;
}

#backtoac  a{
	text-transform: uppercase;
	color: #B7B7B7;
	text-align: left;
	font: 16px Helvetica,sans-serif;
	text-decoration: none;
	padding-left: 10px;
}
	
#bigcloud{
position: absolute;
top: 1650px;
width:100%;
height: 348px;
background: url(../image/big-cloud1.png) top right repeat;
z-index: 30;	
}	


/*-------------------------------------------------Cambell fall-------------------------------------------*/
#campbellwrpap{
	top: 600px;
    left: 50%;
    margin-left: 200px;
    min-height: 105px;
    position: fixed;
    /*z-index: 20;*/
    z-index:4;
    overflow: hidden;
    height: 300px;
    width: 382px;
    overflow: visible;
 }
#speechBubbleWrap{
	height: 135px;
}

#speechBubble{
	position:relative;
	margin-left:-330px;
	height: 142px;
	width: 505px;
	background: url("../image/campmsg120.png") no-repeat;
	display:none;

}
#speechBubble p.nohead{
	padding: 37px 45px 5px 20px; 
	text-transform:uppercase;
	font: 14px 'UniversLT-Condensed',Helvetica,sans-serif;
	color: #fff;
}
#speechBubble h3{
	padding: 10px 25px 2px 18px; 
	text-transform:uppercase;
	font: 16px 'Airship27',Helvetica,sans-serif;
	color: #686868;
}

#speechBubble p{
	padding: 0px 45px 5px 20px;
	text-transform:uppercase;
	font: 14px 'UniversLT-Condensed',Helvetica,sans-serif;
	color: #fff;
}



#campbellfall {
	display: none;
	 line-height: 0;
	background: url("../image/campsprite13.png") no-repeat scroll 0 0 transparent;
	height: 142px;
	width: 344px;
	z-index: 3;
	}
#campbellfall p{
	margin-top: 10px;
	padding-top: 10px;
}
.alertframe{
	height: 142px;
	width: 505px;
	background: url("../image/alert.png") no-repeat;
	z-index: 2000;
	display: none;
}

.alertframe p{
	padding: 37px 45px 5px 20px; 
	text-transform:uppercase;
	font: 16px 'UniversLT-Condensed',Helvetica,sans-serif;
	color: #f00;
	text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
}

#alert1{
	position:absolute;
	top: 3500px;
	left: 50%;
	margin-left: 70px;
}

#alert2{
	position:absolute;
	top: 5800px;
	left: 50%;
	margin-left: 70px;
}

#alert3{
	position:absolute;
	top: 8250px;
	left: 50%;
	margin-left: 70px;
}

#alert4{
	position:absolute;
	top: 10750px;
	left: 50%;
	margin-left: 70px;
}

#alert5{
	position:absolute;
	top: 12750px;
	left: 50%;
	margin-left: 70px;
}


/*-----------------------------------------------------elevator-------------------------------*/

#elevator{
	background: url("../image/elevator.png") no-repeat scroll 0 0 transparent;
	height: 172px;
	width: 168px;
	top: 400px;
	left: 50%;
    margin-left: 430px;
    position: fixed;
    z-index: 1;
    overflow: hidden;
}

#content {
	width:100%;
	max-width:1440px;
	z-index: 4;
	position: relative;
	margin: 0 auto;
	}
	
/*------------------------------------------------------Login form--------------------------------------*/

#pushtext{
	background: url(../image/pushtext.png) center top no-repeat;
	width: 596px;
	height: 142px;
	text-align:center;
	top: 100px;
	left: 100px;
	position: absolute;
}


#login_wrap{
	position:absolute;
	top:400px;
	left: 100px;
}

#login form{
	font-family: Helvetica,sans-serif;
	padding-bottom: 10px;
	padding-left: 10px;
}

#content .signin{
	text-transform: uppercase;
	font-size: 18px;
	color: #B7B7B7;
	}
	
#content .login, #content .password{
	color: #B1B1B1;
	width: 80px;
	height: 18px;
	font-size: 16px;
	background: transparent;
	border: 1px solid #ccc;
	}

#content .submit{
	margin-left: 5px;
	font: 16px/16px 'UniversLT-Condensed',Helvetica,sans-serif;
	text-transform: uppercase;
	background: #9d9d9d;
	color: #fff;
	border: #848484;
	border-radius: 0px;
	cursor: pointer;
	height: 22px;
}	
#content .submit:hover{
	color: #686868;
	background: #ffd200;
}

#check{
	 display:none;
}
#check+label{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 14px;
	color: #B7B7B7;
	cursor: pointer;
}

#check+label::before{
	 content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 6px 8px 0 0;
    background-image: url(../image/remember.png);
    background-repeat: no-repeat;
    background-position: -14px 0;
}
#check:checked + label::before{
	background-position: 0 0;
}


#forgotpassword{
	font: 16px 'UniversLT-Condensed',Helvetica,sans-serif;
	color: #b7b7b7;
	text-decoration: none;
	margin: 0 0 15px 10px;
	}

#forgotpassword:hover{
	text-decoration:underline;
}

#passform{
	position: absolute;
	top: 30%;
	left: 50%;
	width: 600px;
	height: 300px;
	margin-left: -300px;
	border: 1px solid #222222;
	background-color: #dbecfe;
	border-radius: 10px;
	z-index: 10;
	-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #000;
display: none;
}

#passform form{
	margin: 100px 0 0 110px;
	font: 18px 'UniversLT-Condensed',Helvetica,sans-serif;
	color: #717171;
}

.email_field{
	margin-top: 10px;
}


.sightwith{
	text-transform:uppercase;
	font: 25px 'UniversLT-Condensed',Helvetica,sans-serif;
	color: #b7b7b7;
	background: transparent;
	border-top: 2px solid #CBCFD3;
	border-bottom: 1px solid #b7b7b7;
	border-left: none;
	border-right: none;
	width: 320px;
	margin: 10px auto 0 auto;
	padding-left: 20px;
}

.triangled{
display: inline-block;
-webkit-transform: scaleX(2.0);
-o-transform: scaleX(2.0);
-moz-transform: scaleX(2.0); 
-ms-transform: scaleX(2.0);  
transform: scaleX(2.0); 
font-size: 20px;
color: #b7b7b7;
padding-left: 100px;
}

#sitesee{
	text-decoration: none;
}

#sitesee:hover .sightwith, #sitesee:hover .triangled{
	color: #686868;
}
/*------------------------Log Out-------------------------------*/
#logout-form{
	font-family: 'UniversLT-Condensed',Helvetica,sans-serif;
	font-size: 18px;
	color: #B7B7B7;
}
#logout-form span {
	text-transform: capitalize;
	color: #686868;
}

.logout_button{
	margin-left: 10px;
	font:16px  'UniversLT-Condensed',Helvetica,sans-serif;
	text-transform: uppercase;
	background: #9d9d9d;
	color: #fff;
	border: #848484;
	border-radius: 0px;
	cursor: pointer;
}
.logout_button:hover{
	color: #686868;
	background: #ffd200;
}


/*--------------------------------------------------------------------Step0-------------------------------------------------------------*/

#choise_app {
			position: absolute;
			top: 3300px;
			background: url(../image/step0r.png) left top no-repeat;
			background-position-x: 5px;
			width: 725px;
			height: 200px;
			padding-top: 80px;
			z-index: 10;
			}

#mycarousel img.active{
	-moz-box-shadow: 0 -4px 15px 1px #ffd200;
	-webkit-box-shadow: 0 -4px 15px 1px #ffd200;
	box-shadow: 0 -4px 15px 1px #ffd200;
	} 			
/*------------------------------------------------------------------Step1----------------------------------------------------------------------*/
#step1 {
			position: absolute;
			top: 5500px;
			background: url(../image/step1frame2.png) left top no-repeat;
			width: 725px;
			height: 420px;
			z-index: 12;
			}

#tabwrapper1 div.tabs3 {
    display:none;
}
#tabwrapper1 a.active {
    color: black;
    cursor: default;    
    text-decoration: none;
}
#tabwrapper1 div.active {
    display:block;
    width:100%;
}

#tabwrapper1 {
	width: 692px;
	height:350px;
	position: absolute;
	bottom: 44px;
	right:0px;
	z-index: 10;
}
#container_1{
	display:inline-block;
	height: 23px;
	width: 35px;
	margin-left: 0px;
	position:absolute;
	right: 81px;
	bottom: 0px;
		}
#container_1:hover{
	background: url(../image/step1iconact.png) left top no-repeat;
	background-position: 1px -2px;
}		
#container_1.active{
	background: url(../image/step1iconact.png) left top no-repeat;
	background-position: 1px -2px;
}
#container_2{
	display:inline-block;
	height: 23px;
	width: 28px;
	margin-left: 0px;
	position:absolute;
	right: 51px;
	bottom: 0px;
		}
#container_2:hover{
	background: url(../image/step1iconact.png) left top no-repeat;
	background-position: -34px -2px;
}
	
#container_2.active{
	background: url(../image/step1iconact.png) left top no-repeat;
	background-position: -34px -2px;
}
#container_3{
	display:inline-block;
	height: 23px;
	width: 35px;
	margin-left: 0px;
	position:absolute;
	right: 10px;
	bottom: 0px;
	}
#container_3:hover{
	background: url(../image/step1iconact.png) left top no-repeat;
	background-position: -68px -2px;
}	
#container_3.active{
	background: url(../image/step1iconact.png) left top no-repeat;
	background-position: -68px -2px;
}


#androidprev{
	position:absolute;
	right:-10px;
	bottom:30px;
	background: url(../image/bgAndroid.png) center top no-repeat;
	width: 148px;
	height: 300px;
	background-size: 100% auto;
}

#iphoneprev{
	position: absolute;
	right:-10px;
	bottom:30px;
	background: url(../image/bgIphone.png) center top no-repeat;
	width: 153px;
	height: 300px;
	background-size: 100% auto;
}
#blackberryprev{
	position: absolute;
	right:-10px;
	bottom:30px;
	background: url(../image/bgBlckbr.png) center top no-repeat;
	width: 179px;
	height: 300px;
	background-size: 100% auto;
}

#blackberryprev:hover{
	width: 358px;
	height: 600px;
	right:-99px
}

#blackberry_wrapper:hover{
	width: 358px;
	height: 600px;
	font-size: 1.25em !important;
}


#iphoneprev>div, #androidprev>div, #blackberryprev >div {
font: 0.6em/1.25 "UniversLT-Condensed", sans-serif;
color: #fff;
}

#iphoneprev, #androidprev, #blackberryprev{
	z-index: 20;
}

#iphoneprev:hover{
	width: 306px;
	height: 600px;
	right: -86px;
	font-size: 2.2em !important;
}

#iphoneprev_wrapper:hover{
	width: 306px;
	height: 600px;
}

#androidprev:hover{
	width: 298px;
	height: 600px;
	right:-85px
}
#androidprev_wrapper:hover{
	width: 298px;
	height: 600px;
	font-size: 1.2em !important;
}

#iphoneprev_wrapper{
	position: relative;
	display: table-cell;
	width: 153px;
	height: 300px;
	vertical-align: middle;
	text-align: center;
}

#androidprev_wrapper{
	position: relative;
	display: table-cell;
	width: 148px;
	height: 300px;
	vertical-align: middle;
	text-align: center;
}
#blackberry_wrapper{
	position: relative;
	display: table-cell;
	width: 179px;
	height: 300px;
	vertical-align: middle;
	text-align: center;
}

#iphonePopUp .app_name {
	background: url(../image/bgAppName.png) center top no-repeat;
	background-size: 100% auto;
	padding: 5% 5%;
	display: block;
	font-weight: bold;
}
.app_name {
	padding: 5% 5%;
	display: block;
	font-weight: bold;
	background-size: 100% auto;
}

#iphone_text_pre, #android_text_pre, #blackberry_text_pre {
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
#iphone_text_pre{
	max-height: 10em;
	max-width: 10em;
	width: 10em;
}
#android_text_pre{
	max-height: 14em;
	max-width: 11em;
	width: 11em;
}
#blackberry_text_pre{
	max-height: 9em;
	max-width: 11em;
	width: 11em;
}

#iphonePopUp{
	border: 2px solid #b2b7c2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 8px 0 #000;
	-moz-box-shadow: 0 2px 8px 0 #000;
	box-shadow: 0 2px 8px 0 #000;
	background: rgba(11,27,68,0.8) url(../image/bgIphPre.png) center bottom no-repeat;
	background-size: 95% auto;
}

#androidPopUp{
	border: 2px solid #5c5c5c;
	-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.4);
	background: rgba(0,0,0,0.9) url(../image/bgAndPre.png) center bottom no-repeat;
	background-size: 100% auto;
	text-align: left;
	overflow: hidden;
}

#androidPopUp{
	display: inline-block;
	width: 70%;
	min-height: 4em;
	max-height: 16em;
	overflow: hidden;
	padding: 0 5% 20% 5%;
}

#blackberryPopUp{
	border: 2px solid #5c5c5c;
	-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.4);
	background: rgba(0,0,0,0.9) url(../image/bgAndPre.png) center bottom no-repeat;
	background-size: 100% auto;
	text-align: left;
	overflow: hidden;
}

#blackberryPopUp{
	display: inline-block;
	width: 70%;
	min-height: 4em;
	max-height: 16em;
	overflow: hidden;
	padding: 0 5% 20% 5%;
}



#iphonePopUp{
	display: inline-block;
	padding: 0 0 15%;
	width: 78%;
	min-height: 4em;
	max-height: 18em;
	overflow: hidden;
}

/*----message Android----*/
.tab_wrapper{
padding-top: 0px;
margin-top: 2px;
margin-left: 6px;
height: 320px;
width:542px;
position: relative;	
z-index: 12;
}	
	
.tab_wrapper div.tabs {
    display:none;
}
.tab_wrapper a.active {
    color: black;
    cursor: default;    
    text-decoration: none;
}
.tab_wrapper div.active {
    display:block;
    width:100%;
}
.container_standart{
	display:inline-block;
	background: url(../image/step1stan.png) left top no-repeat;
	height: 43px;
	width: 83px;
	margin-left: 0px;
	z-index:12;
	}
.container_standart.active{
	background-position: -83px 0;
}
.container_deluxe{
	position:absolute;
	margin-left: 5px;
	display:inline-block;
	background: url(../image/step1delux.png) left top no-repeat;
	height: 43px;
	width: 125px;
	z-index:12 !important;
	}
.container_deluxe.active{
	background-position: -125px 0;
}


.tab_container .hline{
background:#ccc;
color:#ccc;
height: 2px;
border: none;
margin: 0;
opacity: 0.7;	
}

.tab_container .subject{
	outline: none;
	background: transparent;
	border: none;
	color:#262626;
	/*
	text-transform:uppercase;
	*/
	font: 16px 'UniversLT-Condensed',sans-serif;
	margin: 8px 0 0 8px;
}
.tab_container hr{
background:#262626;
color:#262626;
height: 1px;
border: none;
margin: 5px 90px 5px 0;
}
.tab_container .message{
	margin-left: 7px;
	outline: none;
	overflow: auto;
	background: transparent;
	color:#262626;
	font: 16px 'UniversLT-Condensed',sans-serif;
	 resize: none;
	 border: none;
}

.tab_container .subj{
	background:#ffffff;
	position:absolute;
	top: 183px;
	width: 461px;
	left: 1px;
}

.tab_container .subjdeluxe{
	outline: none;
	background: #ffffff;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom: 1px solid #262626;
	color:#262626;
	text-transform:uppercase;
	font: 14px 'UniversLT-Condensed',sans-serif;
	margin: 8px 0 0 8px;
	
}
.subject::-webkit-input-placeholder {color:#262626;}
.subject:-moz-placeholder {color:#262626;}
.subject:-ms-input-placeholder{color:#262626;}
.subjdeluxe::-webkit-input-placeholder {color:#262626;}
.subjdeluxe:-moz-placeholder {color:#262626;}
.subjdeluxe:-ms-input-placeholder{color:#262626;}



.tab_container ul{
position:relative;
height: 23px;
border-bottom: 1px solid #6a615e;
margin-bottom: 5px;
}
.tab_container li{
	float: left;
	display:inline-block;
	background: #6a615e; /* Old browsers */
background: -moz-linear-gradient(left, #6a615e 0%, #888482 50%, #6a615e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6a615e), color-stop(50%,#888482), color-stop(100%,#6a615e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #6a615e 0%,#888482 50%,#6a615e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #6a615e 0%,#888482 50%,#6a615e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #6a615e 0%,#888482 50%,#6a615e 100%); /* IE10+ */
background: linear-gradient(to right, #6a615e 0%,#888482 50%,#6a615e 100%); /* W3C */
	margin-right: 3px;
	padding: 3px 5px;
	text-transform: uppercase;
	font: 11px 'UniversLT-Condensed',sans-serif;
	color: #fff;
}
.tab_container li:last-child{
	margin-right:0;
}


/*---------------------------------------------------------------------------Step2--------------------------------------------------------------------------------------------------------------*/
#step2{
	position:absolute;
	top:8000px;
	background: url(../image/step2r1.png) left top no-repeat;
	width: 725px;
	height: 362px;
}

#tabwrapper2 div.tab_container {
    display:none;
}
#tabwrapper2 a.active {
    color: black;
    cursor: default;    
    text-decoration: none;
}
#tabwrapper2 div.active {
    display:block;
    width:100%;
}

/*------------------------------------------------------------------------------------------tabs------------------------------------------------------------------------------------------*/
#container_4{
	display: inline-block;
	height: 90px;
	width: 126px;
	background: url(../image/step3bt_empty.png) left top no-repeat;
	position: absolute;
	top: 25px;
	left: 13px;
}
#container_4.active{
	background-position: -129px 0;
}

#container_5{
	display: inline-block;
	height: 90px;
	width: 126px;
	background: url(../image/step2bt_age.png) left top no-repeat;
	position: absolute;
	top: 25px;
	left: 149px;
}
#container_5.active{
	background-position: -126px 0;
}

#container_6{
	display: inline-block;
	height: 90px;
	width: 126px;
	background: url(../image/step2bt_use.png) left top no-repeat;
	position: absolute;
	top: 25px;
	left: 287px;
}
#container_6.active{
	background-position: -126px 0;
}


#container_7{
	display: inline-block;
	height: 90px;
	width: 126px;
	background: url(../image/step2bt_platform.png) left top no-repeat;
	position: absolute;
	top: 25px;
	left: 421px;
}
#container_7.active{
	background-position: -126px 0;
}

#container_8{
	display: inline-block;
	height: 90px;
	width: 123px;
	background: url(../image/step2bt_gender.png) left top no-repeat;
	position: absolute;
	top: 25px;
	left: 557px;
}
#container_8.active{
	background-position: -123px 0;
}


#container_9{
	display: inline-block;
	height: 90px;
	width: 126px;
	background: url(../image/step2bt_select.png) left top no-repeat;
	position: absolute;
	top: 268px;
	left: 554px;
}
#container_9.active{
	background-position: -126px 0;
}
/*-------------------------------------------------------------------------------tabs content------------------------------------------------------------------------------------------*/

.step2air{
	text-transform:uppercase;
	font: 28px 'Airship27',Helvetica,sans-serif;
	color: #6b6b6b;
	display: inline-block;
	float: left;
}


#tab_container_4{
	position: absolute;
	top: 150px;
	left: 100px;
	font: 22px Helvetica,sans-serif;
	color: #6b6b6b;
}
/*----------------------------------------------AGE--------------------------------------------*/
#tab_container_5{
	position:absolute;
	top:115px;
	left:65px;
	padding-top: 30px;
	width: 600px !important;
	}


#step2_age {
	color: #6b6b6b;
	font: 16px Helvetica,sans-serif;
	background: transparent;
	border: 2px solid #6b6b6b;
	width: 250px;
	height: 28px;
	display: inline-block;
	padding-top: 8px;
	margin: 2px 10px 0 10px;
	float: left;
}

#step2_all_age{
	 display: none;
}

#step2_all_age+label{
	cursor: pointer;
	display: inline-block;
    height: 41px;
    width: 56px;
    background-image: url(../image/step2bt_allage.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#step2_all_age:checked + label{
	background-position: -55px 0;
}
/*---------------------USAGE OPTIONS---------------------------*/
#tab_container_6{
position:absolute;
	top:115px;
	left:110px;
	padding-top: 37px;
	width: 600px !important;
}


#step2_send_to_everyone, #step2_who_open_notification, #step2_frequent_app_users, #step2_who_not_open_month{
	display: none;
}

#step2_send_to_everyone:checked + label, #step2_who_open_notification:checked + label, #step2_frequent_app_users:checked + label, #step2_who_not_open_month:checked + label{
	color: #686868;
	background-color: #ffd200;
}


#step2_send_to_everyone + label{
	cursor: pointer;
	display:block;
	text-align: center;
    height: 38px;
    width: 155px;
    background-color: #686868;
    color: #e2eaf4;
    text-transform:uppercase;
    font: 14px/38px 'UniversLT-Condensed',Helvetica,sans-serif;
    position:absolute;
    left: 185px;
    top: 10px;
}



#step2_who_open_notification + label{
	cursor: pointer;
	display: block;
	text-align: center;
    padding-top: 3px;
    height: 35px;
    width: 155px;
    background-color: #686868;
    color: #e2eaf4;
    text-transform:uppercase;
    font: 12px 'UniversLT-Condensed',Helvetica,sans-serif;
    position:absolute;
    left: 360px;
    top: 10px;
  }


#step2_frequent_app_users + label{
	cursor: pointer;
	display:block;
	text-align: center;
    height: 38px;
    width: 155px;
    background-color: #686868;
    color: #e2eaf4;
    text-transform:uppercase;
    font: 14px/38px 'UniversLT-Condensed',Helvetica,sans-serif;
    position:absolute;
    left: 185px;
    top: 66px;
}


#step2_who_not_open_month + label{
	cursor: pointer;
	display: block;
	text-align: center;
    padding-top: 3px;
    height: 35px;
    width: 155px;
    background-color: #686868;
    color: #e2eaf4;
    text-transform:uppercase;
    font: 12px 'UniversLT-Condensed',Helvetica,sans-serif;
    position:absolute;
    left: 360px;
    top: 66px;
}
/*-----------------------SELECT PLATFORM-----------------------------*/
#tab_container_7{
position:absolute;
	top:115px;
	left:110px;
	padding-top: 37px;
	width: 600px !important;
}

#android, #iphone, #blackberry{
	display: none;
}

#android + label {
	cursor: pointer;
	display: block;
	position:absolute;
	background: url(../image/step2content_platform.png) left top no-repeat;
	background-position: 0px 0px;
	width:50px;
	height: 74px;
	top: 20px;
	left: 240px;
}

#android:checked + label {
	background-position: 0px -74px;
}

#iphone + label {
	cursor: pointer;
	display: block;
	position:absolute;
	background: url(../image/step2content_platform.png) left top no-repeat;
	background-position: -51px 0px;
	width:51px;
	height: 74px;
	top: 20px;
	left: 320px;
}
#iphone:checked + label {
	background-position: -51px -74px;
}


#blackberry + label {
	cursor: pointer;
	display: block;
	position:absolute;
	background: url(../image/step2content_platform.png) left top no-repeat;
	background-position: -102px 0px;
	width:68px;
	height: 74px;
	top: 20px;
	left: 395px;
}
#blackberry:checked + label {
	background-position: -102px -74px;
}

/*-------------------------------SELECT GENDER------------------------------------*/
#tab_container_8{
position:absolute;
	top:115px;
	left:110px;
	padding-top: 37px;
	width: 600px !important;
}
	
#male, #female{
	display: none;
}

#male + label {
	cursor: pointer;
	display: block;
	position:absolute;
	background: url(../image/step2content_gender.png) left top no-repeat;
	background-position: -39px 0px;
	width:39px;
	height: 79px;
	top: 20px;
	left: 220px;
}

#male:checked + label {
	background-position: -39px -79px;
}

#female + label {
	cursor: pointer;
	display: block;
	position:absolute;
	background: url(../image/step2content_gender.png) left top no-repeat;
	background-position: 0px 0px;
	width:39px;
	height: 79px;
	top: 20px;
	left: 300px;
}

#female:checked + label {
	background-position: 0px -79px;
}

/*----------------------------------------------SEND TO ALL----------------------------------------------*/
#tab_container_9{
position:absolute;
	top:115px;
	left:80px;
	padding-top: 37px;
	width: 600px !important;
}

#step2_send_all_citizens + label {
	cursor: pointer;
	display: block;
	position:absolute;
	background: url(../image/step2content_citizen.png) left top no-repeat;
	background-position: -57px 0px;
	width:57px;
	height: 83px;
	top: 12px;
	left: 340px;
}

#step2_send_all_citizens:checked + label {
	background-position: 0px 0px;
}

#step2_send_all_citizens_now + label {
	cursor: pointer;
	display: block;
	position:absolute;
	background: url(../image/step2content_citizen_now.png) left top no-repeat;
	background-position: -114px 0px;
	width:114px;
	height: 70px;
	top: 24px;
	left: 440px;
}

#step2_send_all_citizens_now:checked + label {
	background-position: 0px 0px;
}


/*----------------------------------------------------------------------------STEP3------------------------------------------------------------------------------------------------------*/
#step3{
	position:absolute;
	top:10500px;
	background: url(../image/step3r1.png) left top no-repeat;
	width: 725px;
	height: 396px;
	}
#tabwrapper3{
	width: 720px;
	height:350px;
	position: absolute;
	top: 24px;
	left:0px;
	margin: 0;
	padding: 0;
}

#tabwrapper3 div.tab_container {
    display:none;
}
#tabwrapper3 a.active {
    color: black;
    cursor: default;    
    text-decoration: none;
}
#tabwrapper3 div.active {
    display:block;
    width:100%;
}
/*-------------------------------------------------------------------------------------------TABS------------------------------------------------------------------------------------*/
#container_10{
	display: inline-block;
	height: 90px;
	width: 129px;
	background: url(../image/step3bt_empty.png) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
#container_10.active{
	background-position: -129px 0;
}

#container_11{
	display: inline-block;
	height: 90px;
	width: 129px;
	background: url(../image/step3bt_empty.png) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 140px;
}
#container_11.active{
	background-position: -129px 0;
}


#container_12{
	display: inline-block;
	height: 90px;
	width: 129px;
	background: url(../image/step3bt_weather.png) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 282px;
}
#container_12.active{
	background-position: -129px 0;
}

#container_13{
	display: inline-block;
	height: 90px;
	width: 129px;
	background: url(../image/step3bt_location.png) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 419px;
}
#container_13.active{
	background-position: -129px 0;
}

#container_14{
	display: inline-block;
	height: 90px;
	width: 125px;
	background: url(../image/step3bt_time.png) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 559px;
}
#container_14.active{
	background-position: -125px 0;
}

/*-------------------------------------------------------------------------------------------TABS CONTENT---------------------------------------------------------------------------------------------------*/
#tab_container_10, #tab_container_11{
position:absolute;
	top:115px;
	left:80px;
	padding-top: 37px;
	width: 600px !important;
	font: 22px Helvetica,sans-serif;
	color: #6b6b6b;
}

#tab_container_12{
	position:absolute;
	top:140px;
	left:125px;
	padding-top: 37px;
	width: 600px !important;
	height:120px;
	background: url(../image/step3content_weather.png) no-repeat;
	background-position: 250px 11px;
}

/*-------------------------------------------------------LOCATION------------------------------------------------------*/

#tab_container_13{
	position:absolute;
	top:90px;
	left:0px;
	width: 400px;
	height: 180px;
	padding-top: 70px;
	}

.select_header{
	position:absolute;
	top:4px;
	left: 3px;
	text-transform:uppercase;
	font: 28px/32px 'Airship27',Helvetica,sans-serif;
	color: #6b6b6b;
	display: inline-block;
	float: left;
}

#location_menu{
	position:absolute;
	top:80px;
	left: 3px;
	width: 130px;
	text-transform: uppercase;
	color: #686868;
	border: 1px solid #686868;
	}
	
#Continent, #Country, #City, #One_point{
	position: absolute;
	top: 105px;
	left: 3px;
	color: #686868;
	
}
#radius{
	position:absolute;
	top:25px;
	color: #686868;
	border: 1px solid #686868;
}

#address, #address_Country, #address_City, #radius{
	width: 125px;
	color: #686868;
	}


#address_Continent{
	width: 130px;
	color: #6b6b6b;
}


#show_app_cityzens{
	position:absolute;
	top: 165px;
	left: 10px;
	height: 44px;
	width: 84px;
	background: url(../image/step3content_location.png) left top no-repeat;
	background-position: 0 0;
	border: none;
}

#show_app_cityzens:active{
	background-position: -84px 0px; 
}

#my_location{
	position: absolute;
	top: 210px;
	left:10px;
	height: 44px;
	width: 84px;
	background: url(../image/step3content_location.png) left top no-repeat;
	background-position: 0 -44px;
	border: none;
}

#my_location:active{
	background-position: -84px -44px; 
}

#map_canvas{
	position:absolute;
	height: 247px;
	width: 588px;
	top: 5px;
	left: 136px;
}




/*-------------------------------------------------------------TIME--------------------------------------------------*/


#tab_container_14{
	position:absolute;
	top:90px;
	left:165px;
	width: 400px;
	height: 180px;
	padding-top: 70px;
}

#now {
	display: none;
}

#now + label{
	position: absolute;
	top: 73px;
	left: 183px;
	padding: 1px 4px;
	background: #686868;
	font: 24px 'UniversLT-Condensed', helvetica;
	text-transform: uppercase;
	color: #E2EAF4;
	cursor: pointer;
	}
#now:checked + label{
	color: #686868;
	background: #ffd200;
}


#time{
	font: 18px 'UniversLT-Condensed', helvetica;
	color: #686868;
	position: absolute;
	top:30px;
	left: 280px;
}

#time input{
	width: 100px;
	background: transparent;
	color: #686868;
	border: 2px solid #686868;
	font: 18px 'UniversLT-Condensed', helvetica;
}

.start_time, .end_time,.end_date{
	padding-left: 8px;
}




/*----------------------------------------------------------------------------------STEP4------------------------------------------------------------------------------------------------*/
#step4{
	position:absolute;
	top:12500px;
	left:100px;
	xbackground: url(../image/step4.png) center top no-repeat;
			width: 376px;
			height: 376px;
}
#radius1{
	position:absolute;
	top:0;
	left:0;
	background: url(../image/step4_r1.png) center top no-repeat;
	width: 376px;
			height: 376px;
	}
#radius2{
	position:absolute;
	top:-1px;
	left:0;
	background: url(../image/step4_r2.png) center top no-repeat;
	width: 376px;
			height: 376px;
	}
	#radius3{
		position:absolute;
	top:0;
	left:0;
	background: url(../image/step4_r3.png) center top no-repeat;
	width: 376px;
			height: 376px;
	}
	#push_button{
		cursor:pointer;
		position:absolute;
		top:145px;
		left:140px;
		background: transparent;
		border: none;
		text-transform:uppercase;
		font: 50px 'Airship27',Helvetica,sans-serif;
		color: #6b6b6b;
		font-weight: bold;
		display: none;
	}
	#push_button:hover{
		cursor:pointer;
		color: #ffd200;
	}

/*-----------------------------------------------------Parallax clouds----------------------------------------------*/
#parallax-bg2{
	z-index: 5;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0px;
	width:100%;
	max-width: 1440px;
	margin-left: -470px; /* move left by half element's width */
}

#cl-2 {
		position: absolute;
		top: 220px;
		left: -180px;
		}
	
	#parallax-bg1{
	z-index: 5;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0px;
	width:100%;
	max-width: 1440px;
	margin-left: 0px; /* move left by half element's width */
}

#cl-1 {
		position: absolute;
		top: 110px;
		left: 120px;
		}
		

/*---------------------------BG Circles----------------------------*/

#circle1{
	position:absolute;
	top:3000px;
	width: 356px;
	height: 356px;
	left:50%;
	margin-left: -560px;
	}
#circle1 p{
	text-transform:uppercase;
		font: 40px 'Airship27',Helvetica,sans-serif;
		color: rgba(138, 138, 138, 0.55);
		font-weight: bold;
		padding: 145px 0 0 123px;
		display: none;
}

#circle2{
	position:absolute;
	top:5250px;
	width: 356px;
	height: 356px;
	left:50%;
	margin-left: -560px;
	}

#circle2 p{
	text-transform:uppercase;
		font: 32px 'Airship27',Helvetica,sans-serif;
		color: rgba(138, 138, 138, 0.55);
		font-weight: bold;
		padding: 145px 0 0 123px;
		display: none;
}
	
#circle3{
	position:absolute;
	top:7700px;
	width: 356px;
	height: 356px;
	left:50%;
	margin-left: -560px;
	}
#circle3 p{
	text-transform:uppercase;
		font: 40px 'Airship27',Helvetica,sans-serif;
		color: rgba(138, 138, 138, 0.55);
		font-weight: bold;
		padding: 145px 0 0 150px;
		display: none;
}

#circle4{
	position:absolute;
	top:10200px;
	width: 356px;
	height: 356px;
	left:50%;
	margin-left: -560px;
	}
#circle4 p{
	text-transform:uppercase;
		font: 40px 'Airship27',Helvetica,sans-serif;
		color: rgba(138, 138, 138, 0.55);
		font-weight: bold;
		padding: 145px 0 0 140px;
		display: none;
}

.bgradius1{
	position:absolute;
	top:0;
	left:0;
	background: url(../image/bgcircle_r1.png) center top no-repeat;
	width: 356px;
	height: 356px;
}
.bgradius2{
	position:absolute;
	top:0;
	left:0;
	background: url(../image/bgcircle_r2.png) center top no-repeat;
	width: 356px;
	height: 356px;
}
.bgradius3{
	position:absolute;
	top:0;
	left:0;
	background: url(../image/bgcircle_r3.png) center top no-repeat;
	width: 356px;
	height: 356px;
}


		
#container_deluxe_andr, #container_deluxe_blackberry, #blackberry_subject, #iphone_subject{
	display: none;
}

#step1 ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
    text-transform:uppercase;
}
#step1 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    text-transform:uppercase;
}
#step1 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
    text-transform:uppercase;
}
#step1 :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
    text-transform:uppercase;
}
/*--------------------------------------------------------Buttons Down-------------------------------------------*/

.buttonDown{
	z-index: 1;
	border: 1px solid black;
	border-radius:10px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}


.buttonDown a{
	font: 26px 'UniversLT-Condensed', sans-serif; 
	font-weight: bold;
	color: #fff;
	width: 70px;
	height: 35px;
	padding: 10px 15px;
	display: block;
	text-decoration: none;
		
}	

#bt_step0{
	position:absolute;
	top: 3500px;
	left: 50%;
	margin-left: 330px;
}

#bt_step1{
	position:absolute;
	top: 5800px;
	left: 50%;
	margin-left: 170px;
}

#bt_step2{
	position:absolute;
	top: 8300px;
	left: 50%;
	margin-left: 170px;
}

#bt_step3{
	position:absolute;
	top: 10800px;
	left: 50%;
	margin-left: 170px;
}

/*------------------------------------------------------------Arows Down-------------------------------------*/
.arrowDown0, .arrowDown1, .arrowDown2, .arrowDown3{
	background: url(../image/arrow.png) center top no-repeat;
	height: 65px;
	width: 48px;
	position:absolute;
		
}


#arrow0{
	position:absolute;
	top: 4100px;
	margin-left: 250px;
	left: 50%;
}

#arrow1{
	position:absolute;
	top: 6400px;
	margin-left: 250px;
	left: 50%;
}

#arrow2{
	position:absolute;
	top: 8800px;
	margin-left: 250px;
	left: 50%;
}

#arrow3{
	position:absolute;
	top: 11500px;
	margin-left: 250px;
	left: 50%;
}



